<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">
		<title></title>
		<style type="text/css">
			#coin-wsf{    width: 20%; height: 100%; border-radius: 0px; background: #ffffff; color: #C39772; border-left: 1px solid #DDDDDD; text-align: right; line-height: 38px; font-size: 15px;}
		    #wt-coin{background: #FFFFFF;    padding: 15px;}
		    .clr{color:#C39772;}.jg{    position: relative;top: 3px;}
		    .img-hot{     position: relative; width: 27px; height: 11px; top: -53px; left: 20px; z-index: 99;}
		</style>
	</head>
	<body style="background: #F4F5F7;">
		<div class="mui-content" style="padding-top: 44px;background: #F4F5F7;">
			<div id="wt-coin">
					您的账户剩余点券：<span class="clr">200张</span>
				</div>
		    <div class="mui-card">
		        <ul class="mui-table-view">
		            <li class="mui-table-view-cell"><img src="images/volume@2x.png"  width="15px" height="12px"/>&nbsp;&nbsp;2张<span class="mui-badge mui-badge-primary" id="coin-wsf">￥200</span></li>
		           <div class="ht1"></div>
		           <li class="mui-table-view-cell"><img src="images/volume@2x.png"  width="15px" height="12px"/>&nbsp;&nbsp;10张<span class="mui-badge mui-badge-primary" id="coin-wsf">￥1000<img src="images/hot.png" class="img-hot"/></span></li>
		            <div class="ht1"></div>
		            <li class="mui-table-view-cell"><img src="images/volume@2x.png"  width="15px" height="12px"/>&nbsp;&nbsp;20张<span class="mui-badge mui-badge-primary" id="coin-wsf">￥2000</span></li>
		           <div class="ht1"></div>
		           <li class="mui-table-view-cell"><img src="images/volume@2x.png"  width="15px" height="12px"/>&nbsp;&nbsp;40张<span class="mui-badge mui-badge-primary" id="coin-wsf">￥4000</span></li>
		        </ul>
		    </div>
		    <div><p align="center"><img src="images/jg.png" class="jg" width="15px" height="15px" /> &nbsp;充值成功后，到账可能会有延迟，请耐心等待。</p></div>
		</div>
	</body>
</html>
